{extend name="Public:layout" /}
{block name="content"}
<div class="page">
  <div class="fixed-bar">
    <div class="item-title">
      <div class="subject">
        <h3>后台菜单管理</h3>
        <h5>所有后台菜单索引及管理</h5>
      </div>
    </div>
  </div>
  <div class="explanation" id="explanation">
    <div class="title" id="checkZoom"><i class="fa fa-lightbulb-o"></i>
      <h4 title="提示相关设置操作时应注意的要点">操作提示</h4>
      <span id="explanationZoom" title="收起提示"></span>
    </div>
    <ul>
    </ul>
  </div>
  <form method='post'>
    <table class="flex-table">
      <thead>
        <tr>
          <th width="24" align="center" class="sign"><i class="ico-check"></i></th>
          <th width="60"  align="center">排序</th>
          <th width="60" align="center">ID</th>
          <th width="550" align="left">菜单英文名称</th>
          <th width="60" align="center">状态</th>
          <th width="150" class="handle" align="center">操作</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {$categorys}
      </tbody>
    </table>
  </form>
</div>
<script type="text/javascript" src="__STATIC__/admin/js/jquery.edit.js"></script>
<script type="text/javascript">
$(function(){
    $('.flex-table').flexigrid({
        height:'auto',// 高度自动
        usepager: false,// 不翻页
        striped:false,// 不使用斑马线
        resizable: false,// 不调节大小
        title: '后台菜单列表',// 表格标题
        reload: false,// 不使用刷新
        columnControl: false,// 不使用列控制
        buttons : [
                   {display: '<i class="fa fa-plus"></i>新增数据', name : 'add', bclass : 'add', onpress : fg_operation }
               ]
    });
    $('span[nc_type="inline_edit"]').inline_edit({act: '{:url("menu/listorder")}'});
});

function fg_operation(name, bDiv) {
    if (name == 'add') {
        window.location.href = '{:url("menu/add")}';
    }
}
</script>
{/block}